86:I[903690,["/chat-static/_next/static/immutable/chunks/196gtrnm34jez.js","/chat-static/_next/static/immutable/chunks/2d5ra3e0435kr.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l8fzjkdgt0wd.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/1nag2_qii5d3b.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/35m4vqxcs65-t.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/0ocytjp9zxitf.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/1dwxre2ob1wlz.js","/chat-static/_next/static/immutable/chunks/43-jsj0fq5lhp.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/1w6qqgfpk6ysv.js","/chat-static/_next/static/immutable/chunks/0wekn8517kmiz.js","/chat-static/_next/static/immutable/chunks/3db-uyiz6we29.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3eajo0i8vj831.js"],"ExplicitChatIdProvider"] 87:I[838238,["/chat-static/_next/static/immutable/chunks/196gtrnm34jez.js","/chat-static/_next/static/immutable/chunks/2d5ra3e0435kr.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l8fzjkdgt0wd.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/1nag2_qii5d3b.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/35m4vqxcs65-t.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/0ocytjp9zxitf.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/1dwxre2ob1wlz.js","/chat-static/_next/static/immutable/chunks/43-jsj0fq5lhp.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/1w6qqgfpk6ysv.js","/chat-static/_next/static/immutable/chunks/0wekn8517kmiz.js","/chat-static/_next/static/immutable/chunks/3db-uyiz6we29.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3eajo0i8vj831.js"],"SWRDataProvider"] 88:Te88e,[V0_FILE]javascript:file="tailwind.config.js" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}", "app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}", ], theme: { extend: { colors: { gold: "#FFD700", border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/components/Footer.tsx" isEdit="true" isMerged="true" import Link from "next/link" export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/components/BlogPost.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" interface BlogPostProps { title: string excerpt: string image: string date: string author: string slug: string } export default function BlogPost({ title, excerpt, image, date, author, slug }: BlogPostProps) { return (

{title}

{excerpt}

{date} | {author}

) } [V0_FILE]typescriptreact:file="app/about/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" import Image from "next/image" import Link from "next/link" const founders = [ { name: "MJ", role: "Founder", image: "/images/founder-mj.jpg" }, { name: "Freaky", role: "Founder", image: "/images/founder-freaky.jpg" }, { name: "Linish", role: "Founder", image: "/images/founder-linish.jpg" }, { name: "Momo", role: "Founder", image: "/images/founder-momo.jpg" }, ] export default function AboutUs() { return (

About MM Force

Welcome to MM Force, a community built by gamers, for gamers, and content creators who want to level up their online presence. Whether you're just starting or looking to refine your skills, we're here to guide you through the basics of YouTube, Instagram, and beyond.

Our Mission

Our mission is to support content creators at every stage of their journey, helping you grow your audience, perfect your craft, and succeed in the digital space.

Meet Our Founders

{founders.map((founder, index) => (

{founder.name}

{founder.role}

))}

Join Us and Create Something Amazing

) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "mmforce-website", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@iconify/react": "^4.1.0", "@radix-ui/react-slot": "^1.0.2", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "framer-motion": "^10.12.16", "lucide-react": "^0.244.0", "next": "13.4.6", "react": "18.2.0", "react-dom": "18.2.0", "tailwind-merge": "^1.13.2", "tailwindcss-animate": "^1.0.6" }, "devDependencies": { "@types/node": "20.3.1", "@types/react": "18.2.12", "@types/react-dom": "18.2.5", "autoprefixer": "10.4.14", "eslint": "8.42.0", "eslint-config-next": "13.4.6", "postcss": "8.4.24", "tailwindcss": "3.3.2", "typescript": "5.1.3" } } [V0_FILE]typescriptreact:file="app/services/graphic-design/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" import Image from "next/image" import Link from "next/link" const projects = [ { title: "Brand Identity for Gaming Clan", description: "Complete brand package including logo, color scheme, and social media assets.", image: "/placeholder.svg?height=400&width=600", }, { title: "Twitch Stream Package", description: "Custom overlays, alerts, and panels for a popular Twitch streamer.", image: "/placeholder.svg?height=400&width=600", }, { title: "YouTube Channel Art", description: "Eye-catching channel art and thumbnail templates for a gaming channel.", image: "/placeholder.svg?height=400&width=600", }, { title: "Esports Team Branding", description: "Full branding package for a professional esports organization.", image: "/placeholder.svg?height=400&width=600", }, ] export default function GraphicDesignPage() { return (

Graphic Design Projects Explore our portfolio of eye-catching visuals created for various gaming and content creation projects.

{projects.map((project, index) => (

{project.title}

{project.description}

View Project →

))}

Ready to Start Your Project?

Let's create eye-catching visuals that will make your brand stand out in the gaming world.

Get in Touch

) } [V0_FILE]typescriptreact:file="app/services/video-editing/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" import Link from "next/link" const projects = [ { title: "Epic Gaming Montage", description: "High-energy montage featuring top plays from various FPS games.", video: "https://www.youtube.com/embed/dQw4w9WgXcQ", }, { title: "Esports Tournament Highlights", description: "Recap video showcasing the best moments from a major esports event.", video: "https://www.youtube.com/embed/dQw4w9WgXcQ", }, { title: "Cinematic Game Trailer", description: "Atmospheric trailer for an upcoming indie game release.", video: "https://www.youtube.com/embed/dQw4w9WgXcQ", }, { title: "Streamer Highlight Reel", description: "Compilation of funny and impressive moments from a popular streamer.", video: "https://www.youtube.com/embed/dQw4w9WgXcQ", }, ] export default function VideoEditingPage() { return (

Video Editing Projects Check out our portfolio of polished videos created to engage and captivate gaming audiences.

{projects.map((project, index) => (

{project.title}

{project.description}

View Project →

))}

Ready to Elevate Your Content?

Let's create engaging videos that will captivate your audience and take your content to the next level.

Start Your Project

) } [V0_FILE]typescriptreact:file="app/services/3d-modeling/page.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import Link from "next/link" import { Icon } from "@iconify/react" export default function ThreeDModelingPage() { return (

3D Modeling Services

Our 3D modeling services bring your ideas to life with custom designs. Whether it's for game assets, animations, or product visualizations, we create stunning 3D models to elevate your projects.

Begin Your 3D Modeling Project

) } [V0_FILE]typescriptreact:file="app/services/discord-bot-development/page.tsx" isEdit="true" isMerged="true" import { motion } from "framer-motion" import Link from "next/link" export default function DiscordBotDevelopmentPage() { return (

Discord Bot Development Coming Soon Back to Services

) } [V0_FILE]typescriptreact:file="app/services/stream-setup/page.tsx" isEdit="true" isMerged="true" import { motion } from "framer-motion" import Link from "next/link" export default function StreamSetupPage() { return (

Stream Setup Coming Soon Back to Services

) } [V0_FILE]typescriptreact:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; body { font-family: Arial, Helvetica, sans-serif; } @layer utilities { .text-balance { text-wrap: balance; } } @layer base { :root { --background: 0 0% 0%; --foreground: 51 100% 50%; --card: 0 0% 10%; --card-foreground: 51 100% 50%; --popover: 0 0% 10%; --popover-foreground: 51 100% 50%; --primary: 51 100% 50%; --primary-foreground: 0 0% 0%; --secondary: 0 0% 20%; --secondary-foreground: 51 100% 50%; --muted: 0 0% 20%; --muted-foreground: 51 100% 70%; --accent: 51 100% 50%; --accent-foreground: 0 0% 0%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 0%; --border: 51 100% 50%; --input: 0 0% 20%; --ring: 51 100% 50%; --chart-1: 51 100% 50%; --chart-2: 45 100% 50%; --chart-3: 40 100% 50%; --chart-4: 35 100% 50%; --chart-5: 30 100% 50%; --radius: 0.5rem; --sidebar-background: 0 0% 10%; --sidebar-foreground: 51 100% 50%; --sidebar-primary: 51 100% 50%; --sidebar-primary-foreground: 0 0% 0%; --sidebar-accent: 0 0% 20%; --sidebar-accent-foreground: 51 100% 50%; --sidebar-border: 51 100% 50%; --sidebar-ring: 51 100% 50%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } .text-gold { color: hsl(var(--primary)); } .bg-gold { background-color: hsl(var(--primary)); } .border-gold { border-color: hsl(var(--primary)); } .from-gold { --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-gold\/80 { --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position); } .hover\:bg-black\/50:hover { background-color: rgb(0 0 0 / 0.5); } .btn-primary { @apply bg-gold text-black font-bold py-2 px-4 rounded hover:bg-yellow-500 transition-colors; } [V0_FILE]typescriptreact:file="app/components/Header.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Sheet, SheetClose, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet" import { MenuIcon } from "lucide-react" import { cn } from "@/lib/utils" import Image from "next/image" import { motion } from "framer-motion" export const navTabs = [ { label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Blog", href: "/blog" }, { label: "Contact", href: "/contact" }, ] export default function Header() { const [scrolled, setScrolled] = useState(false) useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 60) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return (

{/* Logo */} MM Force Logo

{/* Static Nav Tabs */}

{navTabs.map((tab) => ( {tab.label} ))}

{/* Dynamic Nav Tabs */}

{navTabs.map((tab) => ( {tab.label} ))} {scrolled ? (

) : null}

{/* Buttons */}

{/* Mobile */} Menu

{navTabs.map((tab) => ( {tab.label} ))} Join Discord

) } [V0_FILE]typescriptreact:file="app/services/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" import { Icon } from "@iconify/react" import Link from "next/link" const services = [ { name: "Graphic Design", description: "Eye-catching visuals for your brand.", icon: "mdi:palette-outline", href: "/services/graphic-design", }, { name: "Video Editing", description: "Polished videos to engage your audience.", icon: "mdi:video-outline", href: "/services/video-editing", }, { name: "3D Modeling", description: "Custom designs to bring your ideas to life.", icon: "mdi:cube-outline", href: "/services/3d-modeling", }, { name: "Discord Bot Development", description: "Enhance your community interaction.", icon: "mdi:robot-outline", href: "/services/discord-development", }, { name: "Stream Setup", description: "Stream like a pro with optimized setups.", icon: "mdi:video-wireless-outline", href: "/services/stream-setup", }, { name: "Tournament Hosting", description: "Organize and manage professional gaming tournaments.", icon: "mdi:trophy-outline", href: "/services/tournament-hosting", }, { name: "Community Building", description: "Grow and nurture your online community.", icon: "mdi:account-group-outline", href: "/services/community-building", }, ] export default function Services() { return (

Our Services

{services.map((service, index) => (

{service.name}

{service.description}

Learn more →

))}

Ready to elevate your content? Let's create something amazing together.

Get Started

) } [V0_FILE]typescriptreact:file="app/terms/page.tsx" isMerged="true" export default function TermsAndConditions() { return (

Terms and Conditions

1. Acceptance of Terms

By accessing and using MM Force's services, you agree to be bound by these Terms and Conditions. If you do not agree to these terms, please do not use our services.

2. Use of Services

You agree to use MM Force's services only for lawful purposes and in accordance with these Terms and Conditions.

3. User Accounts

You are responsible for maintaining the confidentiality of your account and password. You agree to accept responsibility for all activities that occur under your account.

4. Intellectual Property

The content, organization, graphics, design, and other matters related to MM Force are protected under applicable copyrights and other proprietary laws. The copying, redistribution, use, or publication of any such matters or any part of the website is strictly prohibited.

5. Limitation of Liability

MM Force shall not be liable for any direct, indirect, incidental, consequential, or exemplary damages resulting from your use or inability to use the service.

6. Changes to Terms

MM Force reserves the right to modify these Terms and Conditions at any time. We will notify users of any changes by posting the new Terms and Conditions on this page.

7. Contact Information

If you have any questions about these Terms and Conditions, please contact us at support@mmforce.com.

) } [V0_FILE]typescriptreact:file="app/blog/page.tsx" isEdit="true" isMerged="true" import Image from "next/image" import Link from "next/link" const blogPosts = [ { title: "Top 10 Streaming Tips for New Content Creators", excerpt: "Learn the essential tips and tricks to kickstart your streaming career and grow your audience.", image: "/placeholder.svg?height=200&width=400&text=Streaming+Tips", date: "2023-05-15", author: "MM Force Team", slug: "streaming-tips", }, { title: "The Rise of Esports: A New Era of Competitive Gaming", excerpt: "Explore the explosive growth of esports and its impact on the gaming industry and popular culture.", image: "/placeholder.svg?height=200&width=400&text=Esports+Rise", date: "2023-05-10", author: "Esports Enthusiast", slug: "esports-rise", }, { title: "How to Optimize Your Gaming Setup for Peak Performance", excerpt: "Discover the best practices for creating a high-performance gaming setup that will give you the competitive edge.", image: "/placeholder.svg?height=200&width=400&text=Gaming+Setup", date: "2023-05-05", author: "Tech Guru", slug: "gaming-setup-optimization", }, { title: "The Art of Moderating a Thriving Gaming Community", excerpt: "Learn valuable insights on how to effectively manage and grow a vibrant gaming community.", image: "/placeholder.svg?height=200&width=400&text=Community+Moderation", date: "2023-04-30", author: "Community Manager", slug: "community-moderation", }, ] export default function Blog() { return (

MM Force Blog

{blogPosts.map((post) => (

{post.title}

{post.excerpt}

{post.date} {post.author}

))}

) } [V0_FILE]typescriptreact:file="app/components/GradientText.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import type { ReactNode } from "react" interface GradientTextProps { children: ReactNode animate?: boolean } export default function GradientText({ children, animate = false }: GradientTextProps) { const gradientStyle = { backgroundImage: "linear-gradient(45deg, #FFD700, #FFA500)", WebkitBackgroundClip: "text", WebkitTextFillColor: "transparent", backgroundClip: "text", color: "transparent", } if (animate) { return ( {children} ) } return {children} } [V0_FILE]typescriptreact:file="app/components/LoadingAnimation.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import Image from "next/image" export default function LoadingAnimation() { return (

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" import "./globals.css" import { Aldrich, Exo_2, Space_Mono } from "next/font/google" import Header from "./components/Header" import Footer from "./components/Footer" import CustomCursor from "./components/CustomCursor" import LoadingAnimation from "./components/LoadingAnimation" import { Suspense } from "react" import type React from "react" // Import React const aldrich = Aldrich({ subsets: ["latin"], weight: "400", variable: "--font-aldrich" }) const exo2 = Exo_2({ subsets: ["latin"], weight: ["400", "700"], variable: "--font-exo2" }) const spaceMono = Space_Mono({ subsets: ["latin"], weight: ["400", "700"], variable: "--font-space-mono" }) export const metadata = { title: "MM-Force: Powering Gamers & Creators", description: "Join 1,500+ Members. Elevate Your Game. Master Your Content.", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( }>

{children}

{title}

Our Mission

{founder.name}

{project.title}

Ready to Start Your Project?

{project.title}

Ready to Elevate Your Content?

{service.name}

Terms and Conditions

1. Acceptance of Terms

2. Use of Services

3. User Accounts

4. Intellectual Property

5. Limitation of Liability

6. Changes to Terms

7. Contact Information

MM Force Blog

{post.title}

Level Up Your Gaming Experience

{feature.title}

Weekly Game Nights

Creator Spotlights

Skill Workshops

About

Tags

Share

About

Tags

Share

More from momo410

More Templates Like This